.px2rem(@name, @px) {
   @{name}: @px / 75 * 1rem;
}
.flexbox {
    display: flex;
    display: -webkit-flex;
}
.msg_header{
	.flexbox;
	.px2rem(height, 90);
	
	justify-content: space-between;
	border-bottom:1px solid #ccc;
	align-items: center;
	.left{
	text-align:center;
	.px2rem(width, 60);
	img{
	.px2rem(width, 19);
	.px2rem(height, 33);	
	}
	}
	.center{
	flex:1;
	text-align:center;
	.px2rem(font-size, 38);
	}
	.right{
	.px2rem(width, 60);
	}
}
.msg_nav{
	.flexbox;
	.px2rem(height, 77);
	.px2rem(line-height, 77);
	border-bottom:1px solid #ccc;
	
	justify-content: center;
	width:100%;

	li{
		width:33%;
		.px2rem(font-size, 30);
		text-align:center;
	}
	li.msg_on{
		border-bottom:4px solid #fed201;
	}
	
}
.msg_shop{
	.flexbox;
	.px2rem(height, 140);
	align-items: center;
	border-bottom:1px solid #ccc;
	.msg_img{
	width:20%;
	text-align:center;
	img{
	.px2rem(width, 80);
	.px2rem(height, 80);
	}
	}
	.shop_p{
	flex:1;
	.px2rem(line-height, 40);
	.p_1{
	.flexbox;
	justify-content:space-between;
	.px2rem(font-size, 26);
	span{
		color:#c9c9c9;
		.px2rem(font-size, 20);
		.px2rem(margin-right, 20);
	}
	}
	.p_2{
		color:#ccc;
		.px2rem(font-size, 24);
	}
	
	}
}
.index_showfooter{
	.px2rem(height, 100);
}
.index_footer{
	position:fixed;
	bottom:0;
	.px2rem(height, 100);
	border-top:1px solid #ccc;
	.flexbox;
	align-items: center;
	width: 100%;
	background: #fff;
	dl{
		flex:1;
		text-align:center;
		img{
			.px2rem(width,80);
			.px2rem(height,80);
		}
		dt img{
			display: block;
			margin: 0 auto;
			.px2rem(width,40);
			.px2rem(height,40);
		}
		dd{
			.px2rem(font-size,18);
			color: #4c4c4c;
			.px2rem(line-height,38);
		}
		dd.footer_on{
			color: #202020;
		}
	}
}